<!-- 提示信息 -->
<app-tip [type]="tipType"></app-tip>

<!-- 遮罩 -->
<app-load *ngIf="isLoading"></app-load>
<div class="header">
  <div class="left flex"  [routerLink]="['/main/order/order-details']"  id="btn-back" [queryParams] ="{tid: currentTable.tid, tableClass:currentTable.tableClass, tableName:currentTable.tableName}">
    <div class="left-icon">
      <i class="fa fa-angle-left back-icon" aria-hidden="true"></i>
    </div>
    <div class="left-name">
      <span class="back-name">返回</span>
    </div>
  </div>
  <div class="center">并台</div>
</div>

<div class="foot-list" style="margin-top: 4em;">
  <div class="set-box">
    <div class="set-head">
      <div class="left">餐桌设置</div>
      <div class="right"></div>
    </div>
    <div class="title">
      <span style="float: left;padding-left: 1.2em;">原桌号</span>
    </div>
    <div class="set-item">
      <div class="set-item-p">
        <div class="left">区域/包厢</div>
        <div class="right">{{currentTable.tableClass}}</div>
      </div>

      <div class="set-item-p">
        <div class="left">坐位/桌号</div>
        <div class="right">{{currentTable.tableName}}</div>
      </div>
      <div class="set-item-p">
        <div class="left">流水单号</div>
        <div class="right">{{currentTable.orderNum}}</div>
      </div>
    </div>
  </div>
  <div class="set-box">
    <div class="title">
      <span style="float: left;padding-left: 1.2em;">并桌号</span>
    </div>
    <div class="set-item">
      <div class="set-item-p">
        <div class="left">区域/包厢</div>
        <div class="right">
          <select name="" id=""  class="c-select" style="height: 2.5em;line-height: 2.5em;" (change)="combineChangClass($event)">
            <option value="">请选择</option>
            <option *ngFor="let v of tableClassList" [value]="v.id" >{{v.name}}</option>
          </select>
        </div>
      </div>

      <div class="set-item-p">
        <div class="left">坐位/桌号</div>
        <div class="right">
          <select name=""  class="c-select" style="height: 2.5em;line-height: 2.5em;" (change)="combineChangTable($event)">
            <option value="">请选择</option>
            <option *ngFor="let v1 of tableList1" [value]='v1.id' [hidden]="v1.state != '1' || v1.id == currentTable.tid">{{v1.name}}</option>
          </select>
        </div>
      </div>
      <div class="set-item-p" *ngIf="combineTable.orderNum">
        <div class="left">流水单号</div>
        <div class="right">{{combineTable.orderNum}}</div>
      </div>
    </div>
  </div>
  <div class="set-box">
    <div class="title">
      <span style="float: left;padding-left: 1.2em;">现桌号</span>
    </div>
    <div class="set-item">
      <div class="set-item-p">
        <div class="left">区域/包厢</div>
        <div class="right">
          <select name="" id=""  class="c-select" style="height: 2.5em;line-height: 2.5em;" (change)="unionChangClass($event)">
            <option value="">请选择</option>
            <option *ngFor="let v of tableClassList" [value]="v.id"  [hidden]="v.state == '1'">{{v.name}}</option>
          </select>
        </div>
      </div>

      <div class="set-item-p">
        <div class="left">坐位/桌号</div>
        <div class="right">
          <select name=""  class="c-select" style="height: 2.5em;line-height: 2.5em;" (change)="unionChangTable($event)">
            <option value="">请选择</option>
            <option *ngFor="let v1 of tableList2" [value]='v1.id' [hidden]="v1.state == '1' && v1.id != currentTable.tid  && v1.id !=combineTable.selectCombineTableId">{{v1.name}}</option>
          </select>
        </div>
      </div>
      <!--<div class="set-item-p">-->
      <!--<div class="left">流水单号</div>-->
      <!--<div class="right">A020180204122300</div>-->
      <!--</div>-->
    </div>
  </div>
</div>
<div style="padding: 0 1em;margin-top: 1em;" (click)="onSubmit()" *ngIf="submitType"><div class="btn-submit">提交</div></div>

